<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
    <title>关于我们</title>
            <!-- bootstrap -->
	<link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

	<!-- animate.css -->
	<link rel="stylesheet" href="./assets/css/animate.min.css" />

	<!-- 重置样式 -->
	<link rel="stylesheet/less" href="./assets/css/reset.less" />

	<!-- 公共样式 -->
	<link rel="stylesheet/less" href="./assets/css/common.less" />

	<!-- 页面独立的 -->
	<link rel="stylesheet/less" href="./assets/css/index.less" />

      <!-- 百度地图 -->
      <!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=sEHGKaUfaBBdbY5cZj3qwtIcnG3XB0Q6"></script> -->

           <!-- 百度地图 -->
      <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=sEHGKaUfaBBdbY5cZj3qwtIcnG3XB0Q6 "></script>

    </script>
  </head>
  <body>
       <!-- 导航 -->
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">

				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				</a><img src="assets/images/logo.png" alt="">
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<!-- <ul class="nav navbar-nav">
					<a class="navbar-brand" href="#">



				</ul> -->

				<ul class="nav navbar-nav navbar-right">
					<li><a href="index.html">网站首页</a></li>
					<li><a href="Tourist routes.html">旅游路线</a></li>
					<li><a href="#">旅行咨询</a></li>
					<li><a href="About.html">关于我们</a></li>
					<li><a href="#">联系我们 </a></li>

				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>

    <!-- 顶 -->
	<div>
		<div id="ding">
		
			<img src="./assets/images/banner.jpg" alt="">
			<div class="title">
				<p>联系我们</p>
				<span>带着“尊贵”去旅行，是我们服务的宗旨</span>
			</div>
		</div>
	</div>

<!-- 客服信息 -->
    <div id="customer">
<div class="csinfor">
<div class="cs1">

    <div class="cheng">
        <p>客服经理：陈先生</p>
        <h2>13622222222</h2>
    </div>

    <div class="cheng">
        <p>客服经理：陈先生</p>
        <h2>13622222222</h2>
    </div>

   <div class="imgs"><img src="./assets/images/cord.jpg" alt=""></div>
</div>

<div class="cs1">

    <div class="cheng">
        <p>客服经理：陈先生</p>
        <h2>13622222222</h2>
    </div>

    <div class="cheng">
        <p>客服经理：陈先生</p>
        <h2>13622222222</h2>
    </div>

   <div class="imgs"><img src="./assets/images/cord.jpg" alt=""></div>
</div>

</div>
<div class="img">
    <img src="./assets/images/500504231_banner_xcx.jpg" alt="">
</div>

    </div>

<!-- 地图 -->
<div id="mapmessage">

    <div class="map" id="map"></div>
    <div class="message">
        <h1>欢迎给我们留言</h1>
        <form action="post" method="#" name="form1">

              <div class="liuyan">
            <textarea type="text" rows="5" placeholder="请填写留言内容" name="massage" required></textarea>
            <input type="text" placeholder="请填写姓名" required>
            <input type="text" placeholder="请填写电话" required>
            <input type="text" placeholder="请填写手机号" required>
            <input type="text" placeholder="请填写QQ" required>
            <input type="text" placeholder="请填写邮箱" required>
            <input type="submit"  class="tj" value="提交" >
        </div>
        </form>
      
    </div>
</div>







	<!-- 底部 -->
    <div id="foot">
        <div class="dlogo">
            <div class="lg2">
                <img src="assets/images/lvyou_logo2a.png" alt="">
            </div>

        </div>

        <div class="tiat">
            <div class="left">
                <ul>
                    <li class="li1">关于我们</li>
                    <li>旅行是什么？</li>

                    <li>公司简介</li>
                    <li>公司文化</li>
                    <!-- <li>1212</li> -->

                </ul>
                <ul>
                    <li class="li1">旅行服务</li>
                    <li>旅行路线</li>

                    <li>旅行咨询</li>
                    <li>旅行指南</li>
                    <li>旅行攻略</li>

                </ul>
                <ul>
                    <li class="li1">导航</li>
                    <li>网站首页</li>

                    <li>旅游线路</li>
                    <li>旅游资讯</li>
                    <li>关于我们</li>
                    <li>联系我们</li>

                </ul>
            </div>
            <div class="right">
                <div class="div">
                    <img src="assets/images/cord.jpg" alt="">
                    <p>
                        旅游订阅号</p>
                </div>
                <div class="div">
                    <img src="assets/images/cord.jpg" alt="">
                    <p>官方服务号</p>
                </div>
            </div>
        </div>
    </div>




  </body>
</html>

<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>


<script>
// //百度地图
var map = new BMap.Map("map");    // 创建Map实例

// 初始化地图,设置中心点坐标和地图级别
map.centerAndZoom(new BMap.Point(113.26197, 23.10379), 12);

//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
  mapTypes:[
          BMAP_NORMAL_MAP,
          BMAP_HYBRID_MAP
      ]}));	  
map.setCurrentCity("广州");          // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>